{% extends 'base.html' %}
{% import 'bootstrap/wtf.html' as wtf %}
{% block title %}Flask - 文章{% endblock %}

{% block head %}
{{ super() }}
<link href="{{ url_for('static', filename='css/index/index.css') }}" rel="stylesheet" type="text/css" >
<link href="{{ url_for('static', filename='css/post/post.css') }}" rel="stylesheet" type="text/css" >
{% endblock %}
{% block page_content %}


<div class="post-title">
    <div class="post-top">
        <div class="float-left">
            <div class="post-title-content">
                <span class="big-span">测试文章标题</span>
            </div>
            <div class="post-tags ">
                <a class="post-tag" href="">标签1</a>
                <a class="post-tag" href="">标签2</a>
                <a class="post-tag" href="">标签3</a>
            </div>
            <div class="post-title-msg post-list-msg span">
                <div class="float-left">
                    <a href="{{ url_for('.user', username=post.author.username) }}">
                        <img width="30px" height="30px" class="img-rounded profile-thumbnail" src="{{ post.author.gravatar(size=40) }}" />
                    </a>
                    <a href="{{ url_for('.user', username=post.author.username) }}"><span class="black-sm-span">{{ post.author.username }}</span></a>
                </div>
                <div class="float-left"><span class="gray-sm-span">发布于{{ moment(post.timestamp).fromNow() }}</span></div>
                <div class="float-left"><span class="gray-sm-span">35个阅读</span></div>
                <div class="clear-both"></div>
            </div>
        </div>
        <div class="float-right">
            <div>
                <a class="post-good" href="">86</a>
                <a class="post-bad" href="">105</a>
            </div>
            <div>
                <a class="post-collect" href="">3收藏</a>
                <a class="post-comment" href="{{ url_for('.post', id=post.id) }}#comments">评论</a>
            </div>
        </div>
        <div class="clear-both"></div>
    </div>
    <div class="post-body">
        <div class="post-content">
            <div class="post-article">
                <span class="black-sm-span">
                    {% if post.body_html %}
                        {{ post.body_html | safe }}
                    {% else %}
                        {{ post.body }}
                    {% endif %}
                </span>
            </div>
            <div class="post-comments">
                <div class="comment-edit">
                    {{ wtf.quick_form(form) }}
                </div>
                <div class="comment-lists">
                    {% import '_macro.html' as macros %}
                    {% include '_comments.html' %}
                    {% if pagination %}
                    <div class="pagination">
                        {{ macros.pagination_widget(pagination, '.moderate') }}
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="post-msg">
            <div class="post-author-msg">
                <div class=""><span class="mid-span">作者信息</span></div>
                <div class="author-mid">
                    <div class="float-left"><img width="26px" height="26px" class="img-rounded profile-thumbnail" src="{{ post.author.gravatar(size=40) }}" /></div>
                    <div class="float-left">
                        <div><span class="mid-span">{{ post.author.username }}</span></div>
                        <div><span class="black-sm-span">560声望</span> </div>
                    </div>
                    <div class="clear-both"></div>
                </div>
                <div class="author-number">
                    <div class="float-left">
                        <div><span class="mid-span">关注</span></div>
                        <div><span class="mid-span">35</span></div>
                    </div>
                    <div class="float-left">
                        <div><span class="mid-span">粉丝</span></div>
                        <div><span class="mid-span">35</span></div>
                    </div>
                    <div class="clear-both"></div>
                </div>
                <div class="follow-button"><a href="" class="btn btn-default">关注TA</a> </div>
            </div>
            <div class="post-like">
                <div class="post-like-tile"><span class="mid-span">相关文章</span> </div>
                <div class="post-like-list">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block scripts %}
{{ super() }}
{{ pagedown.include_pagedown() }}
{% endblock %}